<template>
  <div class="get_coupon activity">
    <navbar>领取野练PASS</navbar>
    <div class="content">
       <div v-if="!isCheck">
          <div class="txt">
             <h2>您有{{ numCN }}张野练PASS等待领取！</h2>
          </div>
         <!--未登录-->
          <div class="inputs" v-if="!isLogin">
            <div class="box1"><input type="number" placeholder="请输入手机号码" v-model="mobile"></div>
            <div class="box2 flex">
              <input type="number" placeholder="请输入验证码" v-model="code">
              <verify label="获取验证码" title="短信发送中.." message="<%counter%> 秒后再次发送" code-type="1" :account="mobile"></verify>
            </div>
          </div>
         <!--已登录-->
          <div class="userTel" v-if="isLogin">
              野练PASS将放入您的账户：{{ detail.mobile }}
          </div>
          <div class="redBtn" @click="getCoupon">立即领取</div>
       </div>
      <!--不可领取-->
      <div v-if="isCheck">
        <div class="txt">
          <h2>{{ message }}</h2>
        </div>
      </div>
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
  import js from '../../../../cores/coupon/get.vue';
  //
  export default {
    extends: js
  }
</script>
<style rel="stylesheet/less" lang="less">
  @import "../../../../styles/ot.less";
</style>

